Night Mauves

Each of the buttons to the left are separate graphics. They are all saved as GIF 89a files. They are designed for a white background with this background graphic. They will not look right with any other graphic or layout. I used table tags to create the layout for this page. I included sample tags for setting up the table with my graphics.
Graphics
Setting Up the Table for this Page
Copying Graphics

You can use a paint program like Paint Shop Pro to add your own text to the blank button. The buttons are about 3K each.

I created a zip file of all the graphics in this collection.
nmauves.zip 41K

The zip file contains the following graphics:
Background graphic
Blank Button
Back Button
Home Button
E-Mail Button
Links Button
Search Button
View Button
Sign Button
Guestbook Button
Bar
Bullet
Next and Previous Arrows

Table Tags

I set up this page using a very simple table. The table has two columns and one row. The buttons are in the first column and all the text is in the second column. You don't need to set height and width for the table because I made each of the buttons the bigger than the side bar. They push the first column out the necessary distance so the text appears in the white area and doesn't overlap the wide edge.

You can copy the table below and use it to begin your page. Please don't send me the code for your pages. I don't have time to troubleshoot everyone's pages. I try to answer every message, but I get so many that it is impossible. However, I don't like to delete messages to which I haven't responded, so your messages sit in my inbox staring at me and making me feel guilty.

If you're using Netscape, Internet Explorer, or Mosaic, you can click directly on the screen and select the text. Don't try viewing the document source because I used the codes for the greater-than and less-than symbols so they would display on the screen. Otherwise they would be interpreted as codes.

<HTML>
<HEAD>
<TITLE>Your Document Name</TITLE>
</HEAD>
<BODY>

<TABLE>
<TR VALIGN=TOP>
<TD>
<IMG SRC="blank.gif" WIDTH=129 HEIGHT=31 BORDER=0><BR>
<IMG SRC="back.gif" WIDTH=129 HEIGHT=31 BORDER=0><BR>
<IMG SRC="home.gif" WIDTH=129 HEIGHT=31 BORDER=0><BR>
<IMG SRC="email.gif" WIDTH=129 HEIGHT=31 BORDER=0><BR>
<IMG SRC="links.gif" WIDTH=129 HEIGHT=31 BORDER=0><BR>
<IMG SRC="search.gif" WIDTH=129 HEIGHT=31 BORDER=0><BR>
<IMG SRC="view.gif" WIDTH=129 HEIGHT=31 BORDER=0><BR>
<IMG SRC="sign.gif" WIDTH=129 HEIGHT=31 BORDER=0><BR>
<IMG SRC="guestbk.gif" WIDTH=129 HEIGHT=31 BORDER=0>
</TD>

<TD> Your Text goes in here. You can put headings and paragraphs, bullets, and numbered lists in here.

You can even insert other images and tables in this part of the table.
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

Copying Graphics

The instructions for copying a graphic apply to Netscape, Internet Explorer, and NCSA Mosaic for Windows. (These instructions do not work with AOL's cruddy browser.) To copy a graphic:

  1. Move your cursor over the graphic.
  2. Press the right mouse button.
  3. Choose Save this Image As from the pop-up menu.
  4. Click on Save or OK button to save the image. (Pay attention to where the image is saved on your hard drive.)

Created and Maintained by: Jelane Johnson
All Graphics Copyright Jelane K. Johnson, 1997

Jelane's Free Web Graphics ||| Jelane's Resume ||| Dan's Resume

This page has been accessed times since February 20, 1997.